<!-- Input Comp -->
<div class="io-input {{isFocus ? 'focus' : ''}}" o-hover="hover" o-clickOut="hidePanel" style="{{style}}">
    <!-- 占位符 -->
    {{#if value.length <=0 && placeholder}}
    <div class="placeholder" on-click="placeholderClick()" style="line-height: {{opts.lineHeight}}px">{{placeholder}}</div>
    {{/if}}

    <!-- 文本域 -->
    {{#if type == 'textarea'}}
    <textarea cols="30" rows="10" model="value" on-focus="set('isFocus', true)" on-keyup="onKeyup()" on-blur="onBlur()" class="input" style="height: {{opts.lineHeight * 2.5}}px; line-height: {{opts.lineHeight * 0.75}}px" ></textarea>

    {{else}}
    <!-- 文本 -->
    <input type="text" model="value" on-focus="set('isFocus', true)" on-keyup="onKeyup()" on-blur="onBlur()" lazy="100" class="input" style="height: {{opts.lineHeight}}px; line-height: {{opts.lineHeight}}px"  />
    
        <!-- 自动完成 -->
        {{#if autoCompleteResult.length > 0}}
        <div class="autoCompleteResult">
            {{#each autoCompleteResult:index}}
            <a href="javascript://" class="item {{autoCompleteAct == index ? 'act' : ''}}" on-click="autoCompleteChoose(this)">{{this}}</a>
            {{/each}}
        </div>
        {{/if}}

        <!-- 图标 -->
        {{#if iconCode}}
        <i class="material-icons icon" on-click="toggle('states.quickPanel')">{{{iconCode}}}</i>
        {{/if}}
        <!-- 图标切换面板 -->
        {{#if states.quickPanel}}
            {{#if type == 'vehicle'}}
            <div class="quickPanel">
                <div class="vehicleKeys">
                    {{#each vehicleKeys:index1}}
                        {{#each this:index2}}
                        <h5 on-click="set('vehicleVal.'+index1, val)">{{key}}</h5>
                        {{/each}}
                    {{/each}}
                </div>
            </div>
            {{/if}}
        {{/if}}

    {{/if}}
</div>
